Computer science
'
Here are the files that you need:
index.html
<!DOCTYPE html>\r\n<html lang="en">\r\n<head>\r\n <meta charset="UTF-8">\r\n <title>Reservation request</title>\r\n <link rel="stylesheet" href="main.css">\r\n <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>\r\n <script src="reservation.js"></script>\r\n</head>\r\n \r\n<body>\r\n <h1>Reservation Request</h1>\r\n <form action="response.html" method="get"\r\n name="reservation_form" id="reservation_form">\r\n <fieldset>\r\n <legend>General Information</legend>\r\n <label for="arrival_date">Arrival date:</label>\r\n <input type="text" name="arrival_date" id="arrival_date" autofocus>\r\n <span>*</span><br>\r\n <label for="nights">Nights:</label>\r\n <input type="text" name="nights" id="nights">\r\n <span>*</span><br>\r\n <label>Adults:</label>\r\n <select name="adults" id="adults">\r\n <option value="1">1</option>\r\n <option value="2">2</option>\r\n <option value="3">3</option>\r\n <option value="4">4</option> \r\n </select><br>\r\n <label>Children:</label>\r\n <select name="children" id="children">\r\n <option value="0">0</option>\r\n <option value="1">1</option>\r\n <option value="2">2</option>\r\n <option value="3">3</option>\r\n <option value="4">4</option> \r\n </select><br> \r\n </fieldset>\r\n <fieldset>\r\n <legend>Preferences</legend>\r\n <label>Room type:</label>\r\n <input type="radio" name="room" id="standard" class="left" checked>Standard \r\n <input type="radio" name="room" id="business" class="left">Business \r\n <input type="radio" name="room" id="suite" class="left last">Suite<br>\r\n <label>Bed type:</label>\r\n <input type="radio" name="bed" id="king" class="left" checked>King \r\n <input type="radio" name="bed" id="double" class="left last">Double Double<br>\r\n <input type="checkbox" name="smoking" id="smoking">Smoking<br>\r\n </fieldset> \r\n <fieldset>\r\n <legend>Contact Information</legend>\r\n <label for="name">Name:</label>\r\n <input type="text" name="name" id="name">\r\n <span>*</span><br>\r\n <label for="email">Email:</label>\r\n <input type="text" name="email" id="email">\r\n <span>*</span><br>\r\n <label for="phone">Phone:</label>\r\n <input type="text" name="phone" id="phone" placeholder="999-999-9999">\r\n <span>*</span><br>\r\n </fieldset>\r\n\r\n <input type="submit" id="submit" value="Submit Request"><br>\r\n\r\n </form>\r\n</body>\r\n</html>
Main.css
body {\r\n font-family: Arial, Helvetica, sans-serif;\r\n background-color: white;\r\n margin: 0 auto;\r\n width: 600px;\r\n border: 3px solid blue;\r\n padding: 10px 20px;\r\n}\r\nfieldset {\r\n margin-top: 1em;\r\n margin-bottom: 1em;\r\n padding: .5em;\r\n}\r\nlegend {\r\n color: blue;\r\n font-weight: bold;\r\n font-size: 85%;\r\n margin-bottom: .5em;\r\n}\r\nlabel {\r\n float: left;\r\n width: 90px;\r\n}\r\ninput, select {\r\n margin-left: 1em;\r\n margin-right: 1em;\r\n margin-bottom: .5em;\r\n}\r\ninput {\r\n width: 14em; \r\n}\r\ninput.left {\r\n width: 1em;\r\n padding-left: 0;\r\n}\r\np {\r\n margin-top: 0;\r\n margin-bottom: .5em;\r\n}\r\ninput.last {\r\n margin-bottom: 1em;\r\n}\r\n#adults, #children {\r\n width: 35px;\r\n}\r\n#smoking {\r\n width: 1em;\r\n margin-left: 0;\r\n}\r\n#submit {\r\n margin-left: 0;\r\n width: 10em;\r\n}\r\nspan {\r\n color: red;\r\n}\r\nreservation.js
$(document).ready(function() {\r\n var emailPattern = /\\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,4}\\b/;\r\n \r\n}); // end readyresponse.html
<!DOCTYPE html>\r\n<html lang="en">\r\n<head>\r\n <meta charset="UTF-8">\r\n <title>Reservation Request</title>\r\n <style>\r\n body {\r\n font-family: Arial, Helvetica, sans-serif;\r\n background-color: white;\r\n margin: 0 auto;\r\n width: 600px;\r\n border: 3px solid blue;\r\n padding: 20px;\r\n }\r\n </style>\r\n</head>\r\n\r\n<body>\r\n <main>\r\n <h3>Thank you for your request!</h3>\r\n <p>We will contact you within the next 24 hours.</p>\r\n </main>\r\n</body>\r\n</html>I believe you only have to work with reservation.js
'